<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en" class="no-js">
	<ul id="gn-menu" class="gn-menu-main">
		<li class="gn-trigger">
			<a class="gn-icon gn-icon-menu color-menu"><span>Menu</span></a>
			<nav class="gn-menu-wrapper">
				<div class="gn-scroller">
					<ul class="gn-menu">
                        <li><a  href="#transaction"><img class="icon-position" src="/resources/img/dashboard.png" />Dashboard</a></li>
						<li><a  href="#process/criteria"><img class="icon-position" src="/resources/img/text.png" />Criteria</a></li>
						<li><a  href="menu_buttons.html"><img class="icon-position" src="/resources/img/buttons.png" />Buttons</a></li>
						<li><a  ng-click="loadContent('mainContentContainer', '/app/navigation/navigateToMaintenance/transaction')"><img class="icon-position" src="/resources/img/menu.png" />Menu-Nav</a></li>
                        <li>
							<a  href="menu_forms.html"><img class="icon-position" src="/resources/img/forms.png" />Forms</a>
							<ul class="gn-submenu">
								<li><a class="gn-icon gn-icon-cog" href="menu_mask.html">Mask Forms</a></li>
								<li><a class="gn-icon gn-icon-cog" href="menu_x_editable.html">X-editable</a></li>
							</ul>
						</li>
                        <li><a class="gn-icon gn-icon-cog" href="menu_jquery.html">Jquery Controls</a></li> 
                              <li><a  href="menu_validations.html"><img class="icon-position" src="/resources/img/validation.png" />Validations</a></li>
                              <li><a  href="menu_tables.html"><img class="icon-position" src="/resources/img/tables.png" />Tables</a></li>
                              <li><a  href="menu_datatable.html"><img class="icon-position" src="/resources/img/datatable.png" />Datatable</a></li>                                                               
                        <li>
							<a class="gn-icon gn-icon-cog" href="menu_examples.html">Columns</a>
							<ul class="gn-submenu">
								<li><a class="gn-icon gn-icon-cog" href="menu_CSR.html">Demo 1</a></li>
								<li><a class="gn-icon gn-icon-cog" href="menu_example_1.html">Demo 2</a></li>
							</ul>
						</li>
					</ul>
				</div><!-- /gn-scroller -->
			</nav>
		</li>
		<li><img src="/resources/img/logo_connections.png" width="200" height="50" border="0" /></li>
	</ul>
    <!-- /container -->
	<script src="/resources/js/menu/classie.js" th:src="@{/resources/js/menu/classie.js}"></script>
    <script src="/resources/js/menu/gnmenu.js" th:src="@{/resources/js/menu/gnmenu.js}"></script>
	<script>
		new gnMenu( document.getElementById( 'gn-menu' ) );
	</script>
</html>